<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>表单</title>
	<style>
		*{padding:0;margin:0;}
		form{width:500px;margin:50px auto;}
		p{margin-top:15px;}
		textarea{vertical-align:top;}
		input[type="reset"]{margin-left:10px;}
	</style>
 </head>
 <body>
	<form action="" method="post">
    <fieldset>
    	<legend> 用户注册 </legend>

		<p>用户名：<input type="text" name="text" value="这是一个文本框" size=25 maxlength="8" /></p>
		<p>密码框：<input type="password" name="password"  size="25"/></p>
		<p>性别：<input type="radio" name="sex"  id="man"/> <label for="man">男 </label>
		<input type="radio" name="sex" id="woman"/> <label for="woman">女</label></p>
		
		<p>爱好(多选按钮)：<input type="checkbox" name="like" checked="checked"/> 吃 
		<input type="checkbox" name="like"/> 玩
		<input type="checkbox" name="like"/>睡觉
		<input type="checkbox" name="like"/>赛车</p>
	
     
		<p><input type="submit" value="提交" />&nbsp;<input type="reset" value="重置"/></p>
        </fieldset>
	</form>
 </body>
</html>
